/**
 * Created by 王文 on 2016/12/12.
 */

$(function(){
    //显示黑色的背景
    $(".pagenav-rt li").hover(
        function(){
            $(this).find(".brand-mask").css({"opacity":"1"});
        },
        function(){
            $(this).find(".brand-mask").css({"opacity":"0"});
        }
    )
    //图片变大
    $(".channel-item").hover(
        function(){
            $(this).find("img").css({"transform":"scale(1.1)"});
        },
        function(){
            $(this).find("img").css({"transform":"scale(1)"});
        }
    )
    //图片移动
    $(".botm-con li").hover(
        function(){
            $(this).find("img").css({"transform":"translate(-10px)"});
        },
        function(){
            $(this).find("img").css({"transform":"translate(0)"});
        }
    )
    $(".botm-rt li").hover(
        function(){
            $(this).find("img").css({"transform":"translate(-10px)"});
        },
        function(){
            $(this).find("img").css({"transform":"translate(0)"});
        }
    )
    //图片颜色变淡
    $(".botm-lt").hover(
        function(){
            $(this).find("img").css({"opacity":"0.5"});
        },
        function(){
            $(this).find("img").css({"opacity":"1"});
        }
    )
//给a元素加一个下划线
    $(".title-rt a").hover(
        function(){
            $(this).css({"text-decoration":"underline"});
        },
        function(){
            $(this).css({"text-decoration":"none"});
        }
    )
//添加一个红色的边框
    $(".shop-list").hover(
        function(){
            $(this).css({"border":"1px solid red"});
        },
        function(){
            $(this).css({"border":"1px solid #fff"});
        }
    )
//给图片加一个蒙版
    $(".poster").hover(
        function(){
            $(this).find("img").css({"opacity":"0.7"});
        },
        function(){
            $(this).find("img").css({"opacity":"1"});
        }
    )
    $(".one-page, .two-page").hover(
        function(){
            $(this).css({"opacity":"0.9"});
        },
        function(){
            $(this).css({"opacity":"1"});
        }
    )
//猜你喜欢效果
    $(".item-pic").hover(
        function(){
            $(this).find("img").css({"opacity":"0.7"});
        },
        function(){
            $(this).find("img").css({"opacity":"1"});
        }
    )
    $(".love li").hover(
        function(){
            $(this).css({"border":"1px solid red"});
        },
        function(){
            $(this).css({"border":"1px solid #fff"});
        }
    )
//左边栏
    //滚动
    $(window).scroll(function(){
        if($(window).scrollTop()>0){
            $(".top").show();
        }else{
            $(".top").hide();
        }
        if($(window).scrollTop()>=700){
            $(".fixed_top").removeClass("topmove1");
            $(".fixed_top").addClass("topmove");
        }else{
            $(".fixed_top").removeClass("topmove");
            $(".fixed_top").addClass("topmove1");
        }
        if($(window).scrollTop()>=600){
            $(".fixed_left li").removeClass("leftmove1");
            $(".fixed_left li").addClass("leftmove");
        }else{
            $(".fixed_left li").removeClass("leftmove");
            $(".fixed_left li").addClass("leftmove1");
        }
        if($(window).scrollTop()>=2200 && $(window).scrollTop()<2600){
            $(".fixed_left li").eq(1).addClass("left_li1");
        }else{
            $(".fixed_left li").eq(1).removeClass("left_li1");
        }
        if($(window).scrollTop()>=2600 && $(window).scrollTop()<3100){
            $(".fixed_left li").eq(2).addClass("left_li2");
        }else{
            $(".fixed_left li").eq(2).removeClass("left_li2");
        }
        if($(window).scrollTop()>=3100 && $(window).scrollTop()<3700){
            $(".fixed_left li").eq(3).addClass("left_li3");
        }else{
            $(".fixed_left li").eq(3).removeClass("left_li3");
        }
        if($(window).scrollTop()>=3700 && $(window).scrollTop()<4430){
            $(".fixed_left li").eq(4).addClass("left_li4");
        }else{
            $(".fixed_left li").eq(4).removeClass("left_li4");
        }
        if($(window).scrollTop()>=4430 && $(window).scrollTop()<4800){
            $(".fixed_left li").eq(5).addClass("left_li5");
        }else{
            $(".fixed_left li").eq(5).removeClass("left_li5");
        }
        if($(window).scrollTop()>=4800 && $(window).scrollTop()<5372){
            $(".fixed_left li").eq(6).addClass("left_li6");
        }else{
            $(".fixed_left li").eq(6).removeClass("left_li6");
        }
        if($(window).scrollTop()>=5372 && $(window).scrollTop()<6272){
            $(".fixed_left li").eq(7).addClass("left_li7");
        }else{
            $(".fixed_left li").eq(7).removeClass("left_li7");
        }
        if($(window).scrollTop()>=6272 ){
            $(".fixed_left li").eq(8).addClass("left_li8");
        }else{
            $(".fixed_left li").eq(8).removeClass("left_li8");
        }
        if($(window).scrollTop()>=7472 ){
            $(".json1").css({"display":"block","transiton":"all 1s ease-out"});
        }
    });
    //hover和点击
    $(".fixed_left li").hover(
        function(){
            $(this).addClass("left_lis"+$(this).index());
        },
        function(){
            $(this).removeClass("left_lis"+$(this).index());
        }
    )
    $(".fixed_left li").eq(1).click(function(){
        $(window).scrollTop(2200);
    })
    $(".fixed_left li").eq(2).click(function(){
        $(window).scrollTop(2600);
    })
    $(".fixed_left li").eq(3).click(function(){
        $(window).scrollTop(3100);
    })
    $(".fixed_left li").eq(4).click(function(){
        $(window).scrollTop(3700);
    })
    $(".fixed_left li").eq(5).click(function(){
        $(window).scrollTop(4430);
    })
    $(".fixed_left li").eq(6).click(function(){
        $(window).scrollTop(4800);
    })
    $(".fixed_left li").eq(7).click(function(){
        $(window).scrollTop(5372);
    })
    $(".fixed_left li").eq(8).click(function(){
        $(window).scrollTop(6272);
    })
    $(".fixed_left li").eq(9).click(function(){
        $(window).scrollTop(0);
    })

//右边栏
    $(".fixed_right .inner").find("i").hover(
        function(){
            $(this).find("p").fadeIn(300).css("left","-100px");
        },
        function(){
            $(this).find("p").fadeOut(300).css("left","-140px");
        }
    );
    $(".erweima").hover(
        function(){
            $(this).find("div").show();
        },
        function(){
            $(this).find("div").hide();
        }
    );
    $(".top").click(function(){
        $(window).scrollTop(0);
    })












});










































